<template>
  <div class="box">
    <el-breadcrumb separator=">">
      <el-breadcrumb-item to="/login" replace>首页</el-breadcrumb-item>
      <el-breadcrumb-item to="/login/financial" replace>理财管理</el-breadcrumb-item>
      <el-breadcrumb-item>理财营销重设</el-breadcrumb-item>
    </el-breadcrumb>
    <div class="tableBox">
      <div class="tableTitle">理财营销重设</div>
      <div class="searchBox">
        <el-form :model="searchObject" size="mini" inline>
          <div class="block">
            <el-form-item label="用户身份证号码">
              <el-input v-model="searchObject.userName"></el-input>
            </el-form-item>
            <el-form-item label="手机号码">
              <el-input v-model="searchObject.userMobile"></el-input>
            </el-form-item>
            <el-form-item>
              <el-button type="primary" icon="el-icon-search" circle @click="search"></el-button>
            </el-form-item>
          </div>
        </el-form>
      </div>
      <div class="split"></div>
      <div class="table">
        <el-row>
          <el-col :span="12" :offset="6">未分配营销人员客户详情</el-col>
        </el-row>
        <el-row>
          <el-col :span="6" :offset="6">姓名</el-col>
          <el-col :span="6"></el-col>
        </el-row>
        <el-row>
          <el-col :span="6" :offset="6">身份证号</el-col>
          <el-col :span="6"></el-col>
        </el-row>
        <el-row>
          <el-col :span="6" :offset="6">地区</el-col>
          <el-col :span="6"></el-col>
        </el-row>
        <el-row>
          <el-col :span="6" :offset="6">电话</el-col>
          <el-col :span="6"></el-col>
        </el-row>
        <el-row>
          <el-col :span="6" :offset="6">注册时间</el-col>
          <el-col :span="6"></el-col>
        </el-row>
        <el-row>
          <el-col :span="6" :offset="6">购买理财金额</el-col>
          <el-col :span="6"></el-col>
        </el-row>
        <el-row>
          <el-col :span="6" :offset="6">设定营销专员</el-col>
          <el-col :span="6"></el-col>
        </el-row>
        <el-row>
          <el-col :span="6" :offset="6">
            <el-form size="mini" inline>
              <el-form-item label="部门">
                <el-select v-model="info.department" placeholder="请选择">
                  <el-option v-for="item in departmentOptions" :key="item.value" :label="item.label"
                             :value="item.value"></el-option>
                </el-select>
              </el-form-item>
            </el-form>
          </el-col>
          <el-col :span="6">
            <el-form size="mini" inline>
              <el-form-item label="人员">
                <el-select v-model="info.BDName" placeholder="请选择">
                  <el-option v-for="item in BDNameOptions" :key="item.value" :label="item.label"
                             :value="item.value"></el-option>
                </el-select>
              </el-form-item>
            </el-form>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12" :offset="6">
            <el-button size="mini" type="primary">更新</el-button>
          </el-col>
        </el-row>
      </div>
    </div>
  </div>
</template>

<script type="text/ecmascript-6">
  export default {
    data () {
      return {
        searchObject: {},
        info: {},
        departmentOptions: [],
        BDNameOptions: []
      }
    },
    created () {
    },
    methods: {
      search () {
      }
    },
    components: {}
  }
</script>

<style lang="less" ref="stylesheet/less" scoped>
  .split{
    height: 20px;
  }
  .table{
    .el-row{
      display: flex;
      .el-col{
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 15px 0;
        border-left: 1px solid #eee;
        border-bottom: 1px solid #eee;
        .el-form-item{
          margin: 0;
        }
        &:last-child{
          border-right: 1px solid #eee;
        }
      }
      &:first-child{
        .el-col{
          border-top: 1px solid #eee;
        }
      }
    }
  }
</style>
